<template>
  <fieldset>
    <legend>儿子组件</legend>
    <ul>
      <li v-for="(item, index) in arr" :key="index">{{ item }}</li>
    </ul>
    
    <!-- 引入tab框 -->
    <!-- <tab></tab> -->
  </fieldset>
</template>
<style>
</style>
<script>
export default {
  data() {
    return {
      arr: ["可惜不是你", "陪我到最后", "曾一起走却"],
      msg: "11111",
    };
  },
  props: ["data"],
  mounted(){
    //由于子组件里面没有事件能触发，所以直接用一个钩子函数来替代，在里面执行逻辑，用emit发射一个to-child事件和一个参数
    this.$emit('to-child', this.arr);
    // console.log(this.data);
  }
};
</script>